<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订单管理</title>
<!-- 导入jquery核心类库 -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/default.css">	
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/ext/jquery.cookie.js"></script>
<script
	src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"
	type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ocupload/jquery.ocupload-1.1.2.js"></script>

<script type="text/javascript">

function doProcess(index){
    $('#grid').datagrid('selectRow',index);// 关键在这里  
    var row = $('#grid').datagrid('getSelected'); 
    if(row){ 
    	//alert(row.oId)
		location.href="${pageContext.request.contextPath}/page.currentorderdetails.ashx?oId="+row.oId;

	}
}

	
	
/**
 * 因为一个字段只能使用一次，oId字段已经在操作字段里面使用了，所以订单编号字段就只能用其他随便一个字段代替，然后在formatter中返回oId好了，效果一样
 由此可见，业务字段最好还是不要当id使用
 */
	// 定义列
	var columns = [ [ {
		field : 'oBNickname',
		title : '订单编号',
		width : 150,	
		/*align : 'center'*/
		formatter: function formatterOId(value,row,index){
			return row.oId;
		}
	},{
		field : 'oDealTime',
		title : '成交时间',
		width : 120,
		/*align : 'center'*/
		formatter: formatterDate
	},{
		field : 'oStatus',
		title : '交易状态',
		width : 60,
		/*align : 'center'*/
		formatter: formatterOStatus
	},{
		field : 'oPName',
		title : '商品名称',
		width : 60,
		/*align : 'center'*/
	},{	
		field : 'oPNumber',
		title : '购买数量',
		width : 60,
		/*align : 'center'*/
	},{
		field : 'oITime',
		title : '导入时间',
		width : 120,
		/*align : 'center'*/
		formatter:formatterDate
	},{
		field : 'oIUserId',
		title : '导入人',
		width : 60,
		/*align : 'center'*/
		formatter:formatterOIUserId
	},{
		field : 'oIsDone',
		title : '是否处理',
		width : 60,
		/*align : 'center'*/
		formatter:formatterIsFans
	},{
		field : 'oDUserId',
		title : '处理人',
		width : 60,
		/*align : 'center'*/
		formatter:formatterODUserId
	},{
		field : 'oDTime',
		title : '处理时间',
		width : 120,
		/*align : 'center'*/
		formatter:formatterDate
	},{
		field : 'oId',
		title : '处理',
		width : 160,
		/*align : 'center'*/
		formatter:formatterCaoZuo
	} ] ];
	
	function formatterCaoZuo(value,row,index){
		return "<a onclick=doProcess("+index+") href=#>处理订单</a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick=doDel("+index+") href=#>删除</a>";
	}
	
	function doDel(index){
	    $('#grid').datagrid('selectRow',index);// 关键在这里  
	    var row = $('#grid').datagrid('getSelected'); 
	    if(row){ 

		     $.messager.confirm("操作提示", "确认删除 当前记录？", function (data) {  
		            if (data) {  
		            	$.post("${pageContext.request.contextPath}/page.corderdel.ashx?oId="+row.oId,function(data){
			    			
			    			if(data.status == "1"){
			    				// 成功
			    				$.messager.alert('消息','操作成功 ','info');
			    				$('#grid').datagrid('load',{ });
			    				
			    			
			    			}else{
			    					$.messager.alert('消息','<br>操作失败','info');
			    				
			    			}
			    				
			    		}); 
		            }  
		            else {  
		                 
		            }  
		        }); 


		}
	}
	
	function formatterOIUserId(value,row,index){
		if(value){
			return row.oIUserName
		}
	}
	function formatterODUserId(value,row,index){
		if(value){
			return row.oDUserName
		}
	}
	function formatterOStatus(value,row,index){
		if(row.oStatus==1){
			return "已发货";
		}else if(row.oStatus==0){
			return "未发货";
		}
	}
	
	function formatterIsFans(value,row,index){
		if(value){
			return "是";
		}else{
			return "否";
		}
	}
	function formatterDate(value,row,index){
		if(value==''||null==value){
			return '';
		}
		var now = new Date(parseInt(value) * 1000);  
		var year=now.getYear()+1900; 
		var month=now.getMonth()+1; 
		var date=now.getDate(); 
		var hour=now.getHours(); 
		var minute=now.getMinutes();
		minute= (minute > 9) ? minute=minute : minute='0'+minute;
		//var second=now.getSeconds(); 
		return year+"-"+month+"-"+date+" "+hour+":"+minute; 
	}

	$(function(){
		// 先将body隐藏，再显示，不会出现页面刷新效果
		$("body").css({visibility:"visible"});
		
		// 收派标准数据表格
		$('#grid').datagrid( {
			iconCls : 'icon-forward',
			fit : true,
			border : false,
			rownumbers : true,
			singleSelect:true,
			striped : true,
			toolbar : '#tb',
			url : "${pageContext.request.contextPath}/page.orderList.ashx",
			idField : 'oId',
			columns : columns,
			pageList: [1,10,20,30],
			pagination:true,
			view:myview,
			emptyMsg:"<font size=5>暂无记录</font>",
			queryParams:{oIsDone:0}
			
			
		});
		
		//为上传按钮，添加一键上传事件
		$('#batch_import').upload({
			name : 'upload', // <input type="file" name="upload" />
			action : '${pageContext.request.contextPath}/page.uploadxls.ashx', // 提交服务器地址
			onSelect : function(){
				// 关闭自动提交 
				this.autoSubmit = false;
				// 判断选中文件格式 是否符合要求，如果符合，手动提交上传form  （以.xls 结尾）
				var regexp = /^.*\.xls$/;
				if(regexp.test(this.filename())){ // 判断文件名是否符合表达式
					// 符合
					this.submit();
				}else{
					// 不符合
					$.messager.alert('警告','选中文件必须以.xls结尾Excel文件！','warning');
				}
			},
			onComplete : function(data){
				if(data=="success"){
					$.messager.alert('提示', '导入成功', 'info');
					$("#grid").datagrid('reload');  
				}else{
					$.messager.alert('提示', '导入失败！请检查文件是否修改过，是否重复导入', 'warning');
				}
				 
			}
		});	
	});
	
	
	
	var myview = $.extend({},$.fn.datagrid.defaults.view,{
		onAfterRender:function(target){
			$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
			var opts = $(target).datagrid('options');
			var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
			vc.children('div.datagrid-empty').remove();
			if (!$(target).datagrid('getRows').length){
				var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
				d.css({
					position:'absolute',
					left:0,
					top:50,
					width:'100%',
					textAlign:'center'
				});
			}
		}
	});
	$.extend($.fn.validatebox.defaults.rules, {   
	  
	    //移动手机号码验证   
	    mobile: {//value值为文本框中的值   
	        validator: function (value) {   
	            var reg = /^1[3|4|5|7|8|9]\d{9}$/;   
	            return reg.test(value);   
	        },   
	        message: '输入手机号码格式不准确.'  
	    },   
	    
	    
	})
	

	
	
		
</script>	
</head>
<body class="easyui-layout" >
	<div region="center">
	
		<table id="grid">
		
		</table>
	</div>
	
	
	
	<div id="tb" style="padding:5px;height:auto">
		<div style="margin-bottom:5px">
			
			
		<a href="#" id="batch_import" class="easyui-linkbutton" >批量导入</a>
		
 		</div>
	</div>
</body>
</html>